<template>
  <div class="hello">
    <div class="box">11111</div>
    <div class="col-12"></div>
    <div class="col-24"></div>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.box {
  height: 300px;
  width: 1080px;
  background: rebeccapurple;
  color: #fff;
  font-size: 32px;
}
.col-12 {
  width: 540px;
  height: 300px;
  background: yellow;
}
.col-24 {
  width: 1920px;
  height: 300px;
  background: red;
}
</style>
